<template>
  <table v-if='getOkr && getOkr.length' cellpadding='0'  cellspacing='0' class='oa-classify__table'>
    <tr class='oa-classify__hd'>
        <td width='30%'>事务编号</td>
        <td>发起人</td>

        <td>自我评级</td>
        <td>领导评级</td>
        <td>月底评级</td>
        <td>月份</td>
        <td style='width:60px'>操作</td>
    </tr>
    <tr v-for=' ( item, index ) in getOkr ' :key='index' class='sp-section__list-group'>
      <td @click='lookFunc(item)'>
        <div>
          {{item.approve_name}}
        </div>
        <span class='oa-classify__sub'>{{item.reason}}</span>
      </td>
      <td>{{item.truename}}</td>
      <td>{{item.myself}}</td>
      <td>{{item.targetName}}</td>
      <td>{{item.boss}}</td>
      <td>{{item.month}}</td>
      <td><el-button type='primary' @click='lookFunc(item)'>查看</el-button></td>
    </tr>
  </table>
</template>
<script>
export default {
  props: ['getOkr', 'radio'],
  methods: {
    lookFunc (item) {
      window.localStorage.setItem('approve', JSON.stringify(item))
      this.$router.push({ name: 'oaMain', query: { approve: item, from: 'okr', active: 7, radio: this.radio } })
    }
  }
}
</script>
<style lang="less" scoped>
.oa-classify__table {
  margin-top:10px;
}
</style>
